<section class="page_section" id="blog">
    <!-- section header -->
    <header>
        <div class="container">
            <h1>魔岩博客</h1>
            <p>开源精神，专注开发，乐于分享。</p>
        </div><!-- end .container -->
    </header>
    <!-- //section header -->   
             
    <!-- section content -->
    <div class="content_section container">            	
    	<!--Blog-->
        <div class="row">
        	<div class="posts_block"> 
                <!--blog_post-->
                <div class="element col-md-6">                        	
                    <div class="blog_post">
                        <div class="round_corners">
                        	<div class="post_flex flexslider">
                              <ul class="slides">
                                <li><img src="static/images/blog/post_slide1.jpg" alt="" /></li>
                                <li><img src="static/images/blog/post_slide2.jpg" alt="" /></li>                                    
                              </ul>
                            </div>
                        </div>
                        <h4><a href="single_post.html">Cras Vitae Sodales</a></h4>
                        <div class="post_info">
                        	28 Nov 2013<span class="separator">:</span>by <a href="javascript:void(0);">gt3dev</a><span class="separator">:</span><a href="javascript:void(0);">0 comments</a>
                        </div> 
                        <div class="desc_block">Integer at elit in lacus hendrerit vestibulum eget in sapien. Curabitur pulvinar tellus vitae sollicitudin pretium. Aenean pellentesque diam in lobortis sodales. Aenean risus ipsum, pharetra sit amet sagittis quis, mollis eget tortor. Nullam laoreet ipsum ac lacus condimentum malesuada mauris neque. <a href="single_post.html">Read more!</a></div>                
                    </div>
                </div><!--//blog_post-->
                <!--blog_post-->
                <div class="element col-md-6">                        	
                    <div class="blog_post">
                        <div class="round_corners">
                            <!--<iframe height="277" src="http://player.vimeo.com/video/47989207" allowfullscreen></iframe>
                        --></div>
                        <h4><a href="single_post.html">Vestibulum Ac Ridiculus!</a></h4>
                        <div class="post_info">
                        	28 Nov 2013<span class="separator">:</span>by <a href="javascript:void(0);">gt3dev</a><span class="separator">:</span><a href="javascript:void(0);">0 comments</a>
                        </div> 
                        <div class="desc_block">Aenean ullamcorper placerat erat, et porttitor velit aliquam vitae. Suspendisse convallis bibendetrum rutrum. Vestibulum eget porttitor ante, tincidunt aliquam sapien. Sed viverra scelerisque interdum. Nam purus enim, ullamcorper vitae nisi quis, rutrum pharetra erat. Proin at ante sed quam malesuada rutrum non ut orci. Mauris imperdiet, nibh non varius sollicitudin, urna justo porttitor velit, quis imperdiet sem nisl non dolor. Aliquam in sollicitudin nisl. Aliquam eu posuere metus. Fusce in nibh purus. Cras at nibh posuere, commodo enim quis, hendrerit lectus. Donec pellentesque nibh vitae augue tincidunt ultricies. <a href="single_post.html">Read more!</a></div>                
                    </div>
                </div><!--//blog_post-->
                <!--blog_post-->
                <div class="element col-md-6">                        	
                    <div class="blog_post">
                        <div class="round_corners">
                        	<div class="post_flex flexslider">
                              <ul class="slides">
                                <li><img src="static/images/blog/post_slide3.jpg" alt="" /></li>
                                <li><img src="static/images/blog/post_slide4.jpg" alt="" /></li>                                    
                              </ul>
                            </div>
                        </div>
                        <h4><a href="single_post.html">Lorem Ipsum Dolor Amet</a></h4>
                        <div class="post_info">
                        	28 Nov 2013<span class="separator">:</span>by <a href="javascript:void(0);">gt3dev</a><span class="separator">:</span><a href="javascript:void(0);">0 comments</a>
                        </div> 
                        <div class="desc_block">Quisque eget orci bibendum, interdum nisi eu, aliquam tellus. Mauris ac libero eu augue ornare tempus. Morbi egestas interdum arcu vitae. <a href="single_post.html">Read more!</a></div>                
                    </div>
                </div><!--//blog_post-->
                <!--blog_post-->
                <div class="element col-md-6">                        	
                    <div class="blog_post">
                        <h4><a href="single_post.html">In Posuere Eusimod</a></h4>
                        <div class="post_info">
                        	28 Nov 2013<span class="separator">:</span>by <a href="javascript:void(0);">gt3dev</a><span class="separator">:</span><a href="javascript:void(0);">0 comments</a>
                        </div> 
                        <div class="desc_block">Curabitur pulvinar tellus vitae sollicitudin pretium. Aenean pellente diam in lobortis sodales. Aenean risus ipsum, pharetra sit amet sagittis quis, mollis eget tortor. Nullam laoreet ipsum ac lacus condimentum malesuada mauris mollis vitae neque. Integer at elit in lacus hendrerit vestibulum eget. Sed gravida tortor vitae interdum mollis. Donec ornare neque augue, vitae viverra purus ultrices sit amet. Phasellus commodo elementum ullamcorper. Curabitur imperdiet neque et urna luctus, quis malesuada erat sodales. Aenean enim. <a href="single_post.html">Read more!</a></div>                
                    </div>
                </div><!--//blog_post-->
                <!--blog_post-->
                <div class="element col-md-6">                        	
                    <div class="blog_post">
                        <div class="round_corners"><!--<iframe height="340" src="http://www.youtube.com/embed/VpZmIiIXuZ0" allowfullscreen></iframe>--></div>
                        <h4><a href="single_post.html">Suspendisse Tincidunt</a></h4>
                        <div class="post_info">
                        	28 Nov 2013<span class="separator">:</span>by <a href="javascript:void(0);">gt3dev</a><span class="separator">:</span><a href="javascript:void(0);">0 comments</a>
                        </div> 
                        <div class="desc_block">Morbi egestas interdum arcu vitae varius. Quisque orci quam, malesuada vel velit at, facilisis tincidunt turpis. Donec hendrerit, neque quis rhoncus feugiat, magna dui posuere nunc, non consequat risus sem sed. Quisque eget orci bibendum, interdum nisi eu, aliquam tellus. Mauris ac libero eu augue ornare tempus. Mauris imperdiet, nibh non varius sollicitudin, urna justo porttitor velit, quis. <a href="single_post.html">Read more!</a></div>                
                    </div>
                </div><!--//blog_post-->                        
                <!--blog_post-->
                <div class="element col-md-6">                        	
                    <div class="blog_post">
                        <div class="round_corners">
                        	<div class="post_flex flexslider">
                              <ul class="slides">
                                <li><img src="static/images/blog/post_slide5.jpg" alt="" /></li>
                                <li><img src="static/images/blog/post_slide6.jpg" alt="" /></li>
                                <li><img src="static/images/blog/post_slide7.jpg" alt="" /></li>                                    
                              </ul>
                            </div>
                        </div>
                        <h4><a href="single_post.html">Integer Nulla Ultrices</a></h4>
                        <div class="post_info">
                        	28 Nov 2013<span class="separator">:</span>by <a href="javascript:void(0);">gt3dev</a><span class="separator">:</span><a href="javascript:void(0);">0 comments</a>
                        </div> 
                        <div class="desc_block">Proin at ante sed quam malesuada rutrum non ut orci. Aenean ullamcorper placerat erat, et porttitor velit aliquam vitae. Suspendisse convallis bibendetrum rutrum. Vestibulum eget porttitor ante, tincidunt aliquam sapien. Sed viverra scelerisque interdum. Nam purus enim, ullamcorper vitae. <a href="single_post.html">Read more!</a></div>                
                    </div>
                </div><!--//blog_post-->                                           
            </div>
            <div class="clear"></div>                                                   
        </div>                               
        <!--//Blog--> 
        <a href="#contact" class="next_section"></a>            	
    </div>
	<!-- //section content --> 
</section>      